<%--
  Created by IntelliJ IDEA.
  User: Hp
  Date: 2021/12/5
  Time: 16:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" href="/asserts/vendors/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/asserts/vendors/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/asserts/css/goods-list.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        ul li img{
            border: solid 1px;
            width: 150px;
            height: 150px;
        }
        ul{
            list-style-type: none;
            float: left;
        }
        li{
            float: left;
            padding-top: 10px;
            padding-left: 20px;
        }
        .span1{
            font-size: 30px;
        }
        .div1{
            align-content: center;
            position: relative;
            left: 50px;
        }
        .qianbi{
            font-size: 25px;
            position: relative;
            left:5px;
        }
    </style>
</head>
<body>
<div class="div1">
    <span class="glyphicon glyphicon-plus span1"></span><a href="/?target=goods-edit">新增商品</a>
    <input type="text" class="search" placeholder="请输入商品名称">
    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
</div>
<div>
    <ul>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        </br>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>
        <li>
            <div class="img"><a href="#"><img src="/asserts/img/1.jpg" width="100" height="80"></a></div>
            <div class="price"><span>89.89</span></div>
            <a href="#">物品名称</a>
            <span class="glyphicon glyphicon-pencil qianbi"></span>
        </li>

    </ul>
</div>
</body>
</html>